在所需图形上插入几个热点之后,必须将该图形导出为图像映射,这样才能使其在 Web 浏览器中运行。导出图像映射时,将生成包含有关热点及相应 URL 链接的映射信息的图形和 HTML。
注:Fireworks 在导出时只产生客户端图像映射。
除了可以导出之外,还可以将图像映射复制到剪贴板中,然后将其粘贴到 Dreamweaver 或其它 HTML 编辑器中。
若要导出图像映射或将其复制到剪贴板中:
1. 对图形进行优化,以使其做好导出准备。
有关详细信息,请参阅关于优化。
2. 选择“文件”>“导出”。
3. 如果要导出图像(而不是将其复制到剪贴板中),请导航到要放置 HTML 文件的文件夹,并为该文件命名。
如果已经为网站生成了一个本地文件结构,则可以在此将图形保存到网站的适当文件夹中。
4. 在“保存类型”弹出菜单中,选择“HTML 和图像”。
5. 从“HTML”弹出菜单中选择一个选项:
导出 HTML 文件
生成所需的 HTML 文件和相应的图形文件,以后您可以将这些文件导入到 Dreamweaver 或其它 HTML 编辑器中。
复制到剪贴板
将所有必需的 HTML(如果文档经过切片,则包括表格)复制到剪贴板中,以便以后可以将其粘贴到 Dreamweaver 或其它 HTML 编辑器中。
6. 对于切片,只有在文档不包含切片时才选择“无”。
7. 如有必要,选择“将图像放入子文件夹”,然后浏览到适当的文件夹。
注:如果选择“复制到剪贴板”,则无需执行此步骤,因此该选项会被禁用。
8. 单击“保存”关闭“导出”对话框。
在导出文件时,Fireworks 可以使用 HTML 注释来明确地标记在 Fireworks 中创建的图像映射和其它网页功能代码的开头和结尾。默认情况下,HTML 注释不包括在代码中。若要包括注释,请在“HTML 设置”对话框的“常规”选项卡中选择“包含 HTML 注释”。
有关将导出的 Fireworks 内容放置到 Dreamweaver 中的信息,请参阅与 Dreamweaver 一起使用。